.head {
	position: relative;
}

.head-bg {
	width: 100%;
	height: 291rpx;

}

.head-con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	
}

.head-con .logo {
	width: 120rpx;
	height: 120rpx;
	border-radius: 50%;
	margin-top: 30rpx;
	margin-right: 24rpx;
	margin-left: 30rpx;
	background: #F7F8F9;
}

.head-con .head-left {
	margin-top: 30rpx;
	margin-left: 24rpx;
}

.head-con .head-left .company-name {
	color: #F6CB90;
	margin-bottom: 24rpx;
	font-size: 34rpx;
}

.no-company-name {
	color: #fff;
	font-size: 34rpx;
	margin-bottom: 24rpx;
}

.head-con .head-left .select-company image {
	width: 8rpx;
	height: 20rpx;
	margin-left: 10rpx;
}

.head-con .head-left .select-company {
	width: 178rpx;
	height: 60rpx;
	background: #393939;
	opacity: 1;
	border-radius: 40rpx;
}

.head-con .head-left .select-company text {
	color: #BEBEBE;
	font-size: 28rpx;
}

.know-box {
	width: 100%;
	height: 145rpx;
	background: #fff;
	border-radius: 40rpx 40rpx 0px 0px;
	position: absolute;
	top: 180rpx;
	left: 0;
	z-index: 120;
}

.know-box .title {
	height: 90rpx;
	line-height: 90rpx;
	font-size: 34rpx;
	text-align: center;
}

.know-box .propt {
	font-size: 26rpx;
	color: #666666;
	text-align: center;
}

.flow {
	width: 702rpx;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 20rpx;
	margin: 10rpx auto;
	padding: 40rpx 24rpx 10rpx 24rpx;
	box-sizing: border-box;
	text-align: center;

}

.flow-box {
	flex-wrap: wrap;
	text-align: left;
}

.flow-box .flow-list:nth-child(1n) {
	width: 360rpx;
}

.flow-box .flow-list:nth-child(2n) {
	width: 290rpx;
}

.flow-box .flow-list text:nth-child(1) {

	font-size: 50rpx;
	font-family: '蘋方-簡';
	font-weight: 600;
	line-height: 70rpx;
	color: #CEA46C;
	margin-right: 10rpx;
}

.flow-box .flow-list text:nth-child(2) {
	font-size: 26rpx;
	color: #666666;
}

.flow .hide {
	width: 100rpx;
	height: 30rpx;
	margin-top: 20rpx;
	margin-bottom: 10rpx;

}

.store-name image {
	width: 30rpx;
	height: 30rpx;
}

.store-name text {
	font-size: 28rpx;
	color: #999999;
}

.package-head {
	height: 80rpx;
	line-height: 80rpx;
	
}
.more-store-box {
	border-top: 1px solid #F2F2F2;
}
.package-head image.del {
	width: 30rpx;
	height: 30rpx;
}

.package-head .head-title text {
	font-size: 30rpx;
}

.package-head .head-title image {
	width: 8rpx;
	height: 20rpx;
	margin-left: 10rpx;
}

.store-address image {
	width: 30rpx;
	height: 30rpx;
}

.package-list {
	width: 702rpx;
	min-height: 100rpx;
	background-color: #fff;
	border-radius: 20rpx;
	margin: 20rpx auto 0 auto;
	padding: 0 24rpx;
	box-sizing: border-box;
}

.store-list {
	padding-bottom: 26rpx;
	border-bottom: 1px solid #F2F2F2;
}

.store-buy-num {
	width: 145rpx;
}

.store-buy-num input {
	width: 60rpx;
	text-align: center;
	font-size: 30rpx;
	margin: 0 10rpx;
}

.store-buy-num image {
	width: 40rpx;
	height: 40rpx;
}

.store-left .name {
	margin-bottom: 20rpx;
	font-size: 28rpx;
	margin-left: 10rpx;
	margin-top: 20rpx;
}

.store-left .store-name {
	margin-bottom: 20rpx;
}

.store-left .store-name text {
	color: #999999;
	font-size: 28rpx;
	margin-left: 10rpx;
}

.store-left .store-address text {
	color: #999999;
	font-size: 28rpx;
	margin-left: 10rpx;
}

.footer,
.footer-box {
	width: 100%;
	height: 110rpx;
	background: #FFFFFF;
	box-shadow: 3rpx 3px 12px #EAEAEA;
	opacity: 1;
	padding: 0 24rpx;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
}

.footer view {

	text-align: center;
	border-radius: 100rpx;
	font-size: 30rpx;
}

.footer view:nth-child(1) {
	width: 272rpx;
	border: 1px solid #333333;
	height: 78rpx;
	line-height: 78rpx;
}

.footer view:nth-child(2) {
	width: 400rpx;
	background: #333333;
	color: #F6CB90;
	line-height: 80rpx;
}

.footer view:nth-child(2):active,
.footer-box view:active {
	opacity: 0.8;
}

.footer view:nth-child(1):active {
	background: #333333;
	color: #F6CB90;
}

.footer-box view {
	background: #333333;
	color: #F6CB90;
	line-height: 80rpx;
	text-align: center;
	border-radius: 100rpx;
	font-size: 30rpx;
	margin-top: 15rpx;
}

.no-data {
	text-align: center;
	margin-top: 186rpx;
}

.no-data image {
	width: 341rpx;
	height: 196rpx;
	margin: 0 auto;
	display: block;
}

.no-data text {
	font-size: 28rpx;
	color: #999999;
	display: block;
	margin-top: 20rpx;
}

.edit {
	width: 60rpx;
	height: 80rpx;
	line-height: 80rpx;
	margin-right: 20rpx;
	text-align: right;
}

.edit image {
	width: 30rpx;
	height: 30rpx;

}

.del-pack {
	width: 60rpx;
	height: 80rpx;
	line-height: 80rpx;
	text-align: right;
}
